<style>
  .batch-info-dialog .goods-info>p {
    display: inline-block;
    width: 170px;
  }
  
  .batch-info-dialog .header {
    height: 60px;
    background-color: #F0F0F0;
  }
  
  .batch-info-dialog .batch-table {
    height: 380px;
    overflow: auto;
  }
  
  .batch-info-dialog .table .thead {
    background-color: #C1E0E6;
  }
  
  .batch-info-dialog .table .tbody {
    background-color: #EFF4F7;
  }
  
  .batch-info-dialog .table-bordered>tbody>tr>td,
  .batch-info-dialog .table-bordered>tbody>tr>th,
  .batch-info-dialog .table-bordered>tfoot>tr>td,
  .batch-info-dialog .table-bordered>tfoot>tr>th,
  .batch-info-dialog .table-bordered>thead>tr>td,
  .batch-info-dialog .table-bordered>thead>tr>th {
    border: 1px solid #FFFFFF;
  }
</style>
<div ms-controller="batchInfo" class="batch-info-dialog">
  <div class="header">
    <div class="goods-info">
      <p><span>申请数：</span><span ms-text="@ApplyNum"></span></p>
      <p><span>实发数：</span><span ms-text="@ActualSendNum">15</span></p>
      <p><span>参考单价：</span><span ms-text="@RefPrice">4600</span></p>
    </div>
    <div class="cards-info">
      <p><span>卡片号列表：</span>
        <span ms-attr="{title:@CardNumberList.length>65?@CardNumberList:''}" ms-text="@CardNumberList.length>65?(@CardNumberList.substring(0,65)+'...'):@CardNumberList"></span>
      </p>
    </div>
  </div>
  <div class="batch-table">
    <table class="table table-hover table-bordered table-condensed">
      <thead class="thead">
        <tr>
          <th>物品名称</th>
          <th>批次流水号</th>
          <th>单价</th>
          <th>数量</th>
          <th>金额</th>
        </tr>
      </thead>
      <tbody class="tbody">
        <tr ms-for="($index,el) in @batchList">
          <td ms-text="el.GoodsName">电脑</td>
          <td ms-text="el.BatchSN">000000000</td>
          <td ms-text="el.Price">3750</td>
          <td ms-text="el.Count">4</td>
          <td ms-text="el.Amount">15000</td>
        </tr>
      </tbody>
    </table>
  </div>
</div>